<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?c8d97eb6e4dd801bd001539873a94c97";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
<div class="navPhone">
    <div class="navMenuList" style="">
        <div class="leftMenuList">
            <div class="searchPh" style="padding: 5% 10%;background: rgba(0,0,0,0.8);">
                <form action="/Home/Index/search" method='GET'>
                <input name='search' type="text" style="width: 3rem;height: .5rem;opacity: .9;">
                <button href="javascript:;" style="display: inline-block;height: .4rem;padding-left: .2rem;background: none;border:none;">
                    <img src="/images/search.png" alt="" style="height: 100%;">
                </button>
                </form>
            </div>
            <div class="item DownIcon">
                <div class="top"><a href="javascript:;">关于向荣</a></div>
                <div class="DownMenuList">
                    <a href="{:U('Home/message/aboutXR1')}">向荣简介</a>
                    <a href="{:U('Home/message/aboutXR2')}">组织架构</a>
                    <a href="{:U('Home/message/aboutXR3')}">理事会成员</a>
                    <a href="{:U('Home/message/aboutXR4')}">规章制度</a>
                </div>
            </div>
            <div class="item">
                <a href="{:U('Home/Index/xin',['cid'=>2])}">欣慧教学</a>
            </div>
            <div class="item">
                <a href="{:U('Home/Index/xin',['cid'=>3])}" >欣智阅读</a>
            </div>
            <div class="item">
                <a href="{:U('Home/Index/xin',['cid'=>1])}" >欣悦成长</a>
            </div>

            <div class="item DownIcon">
                <div class="top"><a href="javascript:;">媒体专区</a></div>
                <div class="DownMenuList">
                    <a href="{:U('Home/Index/xin',['cid'=>4])}">向荣故事</a>
                    <a href="{:U('Home/Index/xin',['cid'=>5])}">向荣视频</a>
                    <a href="{:U('Home/Index/xin',['cid'=>6])}">向荣报道</a>
                </div>
            </div>
            <div class="item DownIcon">
                <div class="top"><a href="javascript:;">信息公开</a></div>
                <div class="DownMenuList">
                    <a href="{:U('Home/message/finance')}">财务公示</a>
                    <a href="{:U('Home/message/work')}">工作报告</a>
                    <a href="{:U('Home/message/audit')}">审计报告</a>
                    <a href="{:U('Home/message/test')}">年检</a>
                </div>
            </div>
            <div class="item DownIcon">
                <div class="top"><a href="javascript:;">联系我们</a></div>
                <div class="DownMenuList">
                    <a href="{:U('Home/message/jiaru')}">加入向荣</a>
                    <a href="{:U('Home/message/zhiyuan')}">志愿者报名</a>
                    <a href="{:U('Home/message/juanzeng')}">捐赠方式</a>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="navPhoneIcon">
    目录
</div>
<div class="phone_logo">
    <a href="/"><img src="/images/phone_logo.png" alt=""></a>
</div>
<!-- navPhone end-->
<!-- navPhone js -->
<script>
    $(function () {

        $('.navPhoneIcon').on('click', function () {
            if ($('.navPhone').hasClass('current')) {
                $('.navPhoneIcon').html('目录');
                $('.navPhone').removeClass("current")
                $(this).removeClass('current')
            } else {
                $('.navPhoneIcon').html('X');
                $('.navPhone').addClass('current')
                $(this).addClass('current')
            }
        })

        $(".navPhone .item .DownMenuList").slideUp();
        $('.navPhone .item .top').click(function () {
            if ($(this).siblings('.DownMenuList').is(":hidden")) {
                $(this).parent().addClass('current').siblings().removeClass("current");
            } else {
                $(this).parent().removeClass('current');
            }
            $(".navPhone .item .DownMenuList").slideUp();
            $(".navPhone .item.current .DownMenuList").slideDown();
        })
        // pc搜索
        $('#searchPc').click(function () {
            $(this).css({
                "background": "rgba(0,0,0,.5)"
            });
            $(this).find('.searchInputBox').show();
            return false;
        });
        //点击文档让search内容隐藏
        $(document).click(function () {
            $('#searchPc .searchInputBox').hide();
            $('#searchPc .searchInputBox input').val('');
            $('#searchPc').css({
                "background": ""
            });
        });
       $('#key_seach').bind('keyup', function(event) {
        　　if (event.keyCode == "13") {
        　　　　//回车执行查询
        　　　　if($('#key_seach').val() != ''){
                    window.location.href = "/Home/Index/search?search="+$('#key_seach').val()
                }
        　　}
        });
    })
</script>
<!-- navPhone js-->
<div class="pcNav">
    <div class="item">
        <a href="/" class="topMenu">关于向荣</a>
        <ul class="downMenu">
            <li><a href="{:U('Home/message/aboutXR1')}">向荣简介</a></li>
            <li><a href="{:U('Home/message/aboutXR2')}">组织架构</a></li>
            <li><a href="{:U('Home/message/aboutXR3')}">理事会成员</a></li>
            <li> <a href="{:U('Home/message/aboutXR4')}">规章制度</a></li>
        </ul>
    </div>
    <div class="item">
        <a href="{:U('Home/Index/xin',['cid'=>2])}" class="topMenu">欣慧教学</a>
    </div>
    <div class="item">
        <a href="{:U('Home/Index/xin',['cid'=>3])}" class="topMenu">欣智阅读</a>
    </div>
    <div class="item">
        <a href="{:U('Home/Index/xin',['cid'=>1])}" class="topMenu">欣悦成长</a>
    </div>
    <div class="item" style="background: rgba(226,165,0,.27);">
        <a href="/" class="topMenu"><img src="/images/logo.png" alt="" style="height: 80%;"></a>
    </div>
    <div class="item">
        <a href="{:U('Home/Index/xin',['cid'=>4])}" class="topMenu">媒体专区</a>
        <ul class="downMenu">
            <li>
                <a href="{:U('Home/Index/xin',['cid'=>4])}">向荣故事</a>
            </li>
            <li>
                <a href="{:U('Home/Index/xin',['cid'=>5])}">向荣视频</a>
            </li>
            <li>
                <a href="{:U('Home/Index/xin',['cid'=>6])}">向荣报道</a>
            </li>
        </ul>
    </div>
    <div class="item">
        <a href="{:U('Home/message/finance')}" class="topMenu">信息公开</a>
        <ul class="downMenu">
            <li>
                <a href="{:U('Home/message/finance')}">财务公示</a>
            </li>
            <li>
                <a href="{:U('Home/message/work')}">工作报告</a>
            </li>
            <li>
                <a href="{:U('Home/message/audit')}">审计报告</a>
            </li>
            <li>
                <a href="{:U('Home/message/test')}">年检</a>
            </li>
        </ul>
    </div>
    <div class="item">
        <a href="{:U('Home/message/jiaru')}" class="topMenu">联系我们</a>
        <ul class="downMenu">
            <li>
                <a href="{:U('Home/message/jiaru')}">加入向荣</a>
            </li>
            <li>
                <a href="{:U('Home/message/zhiyuan')}">志愿者报名</a>
            </li>
            <li>
                <a href="{:U('Home/message/juanzeng')}">捐赠方式</a>
            </li>
        </ul>
    </div>
    <div class="item" id="searchPc"
         style="width: .9rem;min-width: .9rem;position: relative;padding: 0 20px;margin-left: 30px;">
        <div class="button"
             style="background: url(/images/search.png) no-repeat center center;background-size:30%;height: 100%;">
            <div class="searchInputBox"
                 style="position: absolute; top: 100%;width: 140%;padding: 10px 20px;background: rgba(0,0,0,0.5);left: -20%;color: #fff;display: none;">
                <span>输入关键词</span>
                <input type="text" id="key_seach"
                       style="width: 100%;background: transparent;border: 1px solid #9b9fa3;margin-top: 6px;">
            </div>
        </div>
    </div>
</div>
